<template>
	<div class="notice_box">
        <p class="close" @click="close"><u-icon name="close" color="#999999" size="20"></u-icon></p>
        <p class="img">
            <button class="b" open-type="share">
                <img mode="widthFix" src="/static/jh_icon1.png" alt="">
            </button>
        </p>
        
        <div class="img" @click="toTaoCan">
            <img mode="widthFix" src="/static/jh_icon2.png" alt="">
            <p class="anniu">立即付费</p>
        </div>
    </div>
</template>

<script>
    import { mapState,mapActions } from 'vuex'
	export default {
        options: {
            styleIsolation: 'shared'
        },
		data() {
			return {
			}
		},
        computed: {
			...mapState({
				userId: state => state.user.userId,
				token: state => state.user.token,
				status:state => state.user.status,
			})
		},
		methods: {
			
            close(){
                this.$emit('close')
            },

            toTaoCan(){
                uni.navigateTo({
                    url: '/pages/taocan/index'
                });
            }
		},
        mounted(){
            console.log('111')
        },
        onLoad() {
		},
		onShow(){
            console.log('222')
        },
        // onShareAppMessage() {
		// 	return {
		// 		title: '免费用万人接单群',
		// 		path: `/pages/index/index?shareUserId=${this.userId}`
		// 	}
		// },
	}
</script>

<style lang="scss" scoped>
    @mixin content-flex($pitch) {
		display: flex;
		align-items: center;
		justify-content:  $pitch;
	}
	.notice_box{
        border-radius: 20rpx;
        padding:0 30rpx 30rpx 30rpx;
        .close{
            display: flex;
            justify-content: flex-end;
            padding-top:24rpx;
        }
        .img{
            margin-top:22rpx;
            position: relative;
            img{
                width: 100%;
            }
            button{
                padding:0;
                margin:0;
                border:none;
                background: none;
                &.b::after{
                    border: none;
                }
            }
            .anniu{
                width: 87px;
                height: 60rpx;
                line-height: 60rpx;
                border-radius: 100rpx;
                background: #13B0BF;
                position: absolute;
                top:42%;
                right:70rpx;
                text-align: center;
                font-size: 28rpx;
                color:#fff;
            }
        }
    }
</style>
